<!--
 * @Author: your name
 * @Date: 2021-08-31 20:26:26
 * @LastEditTime: 2021-09-01 10:38:05
 * @LastEditors: your name
 * @Description: In User Settings Edit
 * @FilePath: /custom-post-card/src/views/index.vue
-->
<template>
  <div class="container container_replace">
    <el-button
      plain
      @click="this.$router.push('/select')"
      class="button ballon"
    >
      <img
        src="https://dgut-teacher-postcard-1255644734.file.myqcloud.com/images/index-button.png"
        style="width: 180px"
        alt=""
      />
    </el-button>
  </div>
</template>

<script setup></script>

<style scoped>
.container_replace {
  background-image: url("https://dgut-teacher-postcard-1255644734.file.myqcloud.com/images/index-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  justify-content: flex-end;
}

.button {
  margin-bottom: 10vh;
}

.el-button,
.el-button.is-plain:focus,
.el-button.is-plain:hover,
.el-button.is-plain:active {
  background: none;
  border: none;
}
</style>
